<template>
    <div class="reading_box">
        <van-popup v-model="show" class="show_box">
            <van-panel>
                <div class="py-1 font-sm">请输入您要导入店铺的帐号密码</div>
                <div class="text row j-center py-2">
                    <input
                        v-model="user"
                        class="my-1 scroll-row mx-1 p-1 font-mi"
                        type="text"
                        placeholder="请输入手机/邮箱/用户名"
                    />
                    <span class="font-mi text-danger" v-if="usrStater">请输入账号</span>
                    <input
                        v-model="pas"
                        class="my-1 scroll-row mx-1 p-1 font-mi"
                        type="text"
                        placeholder="请输入密码"
                    />
                    <span class="font-mi text-danger" v-if="usrStater">请输入密码</span>
                </div>
                <div class="row j-center py-1">
                    <div class="flex-1 font-mi" @click="AutoQuXiaoBtn">取消</div>
                    <div class="flex-1 font-mi text-danger" @click="AutoQurenBtn">确认</div>
                </div>
            </van-panel>
        </van-popup>
    </div>
</template>

<script>
export default {
    data() {
        return {
            show: true,

            user: '',
            pas: '',
            usrStater: false
        }
    },

    methods: {
        AutoQurenBtn() {
            if (this.user != '' && this.pas != '') {
                console.log(this.user, this.pas)
                console.log('成功')
                this.$router.push('/CommodityMan')
            } else {
                console.log('请输入账号密码')
            }
        },
        AutoQuXiaoBtn() {
            this.$router.push('/CommodityMan')
        }
    }
}
</script>

<style lang="scss" scoped>
.reading_box {
    width: 100%;
}

.show_box {
    border-radius: 20px;
    text-align: center;
    width: 77%;
}
</style>
